<!DOCTYPE HTML>
<html lang="en">
<head>

<!-- charset -->
<meta charset="UTF-8">

<!-- Title, description and keywords -->
<title>Xero | Premium XHTML &amp; CSS Template By TahaH Studio</title>
<meta name="description" content="A premium (X)HTML &amp; CSS template designed and developed by TahaH Studio">
<meta name="keywords" content="xero, XHTM, CSS, Template, Professional, Mulicolour, TahaH, Themeforest">

<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
<link rel="stylesheet" type="text/css" id="skin" href="css/skins/sky-blue.css" media="screen">
<!--
<link rel="stylesheet" type="text/css" href="css/skins/blue.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/red.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/purple.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/green.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/orange.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/yellow.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/cream.css" media="screen">
-->

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie.css" media="all">
<![endif]-->

<!-- Javascripts -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.superfish.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/xero.js"></script>
<script type="text/javascript" src="js/xero.forms.js"></script>

</head>
<body>
<div id="wrapper">
	<div id="header_container">
		<div id="header">
			<h1 id="logo"> <a href="index.html">Xero HTML &amp; CSS Template</a> </h1>
			<!-- end logo -->
			
			<ul id="nav">
				<li><a href="index.html"><span>Home</span></a></li>
				<li><a href="#" class="current"><span>Pages</span></a>
					<ul class="subnav">
						<li><a href="html-elements.html">HTML Elements Test</a></li>
						<li><a href="full-width.html">Full Width</a></li>
						<li><a href="#">Pages Options</a>
							<ul class="subnav">
								<li><a href="sidebar-left.html">Sidebar Left</a></li>
								<li><a href="sidebar-right.html">Sidebar Right</a></li>
							</ul>
						</li>
						<li><a href="#">Dropdown</a>
							<ul class="subnav">
								<li><a href="#">DropDown</a></li>
								<li><a href="#">DropDown</a></li>
								<li><a href="#">DropDown</a></li>
								<li><a href="#">DropDown</a></li>
								<li><a href="#">DropDown</a>
									<ul class="subnav">
										<li><a href="#">DropDown</a></li>
										<li><a href="#">DropDown</a></li>
										<li><a href="#">DropDown</a></li>
										<li><a href="#">DropDown</a></li>
									</ul>
									<!-- end 3rd sub navigation --> 
								</li>
							</ul>
							<!-- end 2nd sub navigation --> 
						</li>
					</ul>
					<!-- end sub navigation --> 
				</li>
				<li><a href="#"><span>Blog</span></a>
					<ul class="subnav">
						<li><a href="blog.html">Blog Page</a></li>
						<li><a href="single-post.html">Single Post</a></li>
					</ul>
					<!-- end sub navigation --> 
				</li>
				<li><a href="#"><span>Portfolio</span></a>
					<ul class="subnav">
						<li><a href="portfolio-1.html">Portfolio Style 1</a></li>
						<li><a href="portfolio-2.html">Portfolio Style 2</a></li>
						<li><a href="portfolio-3.html">Portfolio Style 3</a></li>
					</ul>
					<!-- end sub navigation --> 
				</li>
				<li><a href="contact.php"><span>Contact</span></a></li>
			</ul>
			<!-- end main navigation -->
			
			<div class="clear"></div>
			<!-- clears floted logo & nav -->
			
			<div id="page_title">
				<ul class="breadcrumb_nav">
					<li><a href="#">Home</a></li>
					<li><a href="#">Pages</a></li>
					<li><a href="#">Pages Options</a></li>
				</ul>
				<h1>Sidebar Left</h1>
			</div>
		</div>
		<!-- end header (940px width) --> 
	</div>
	<!-- end header container (100% width) -->
	
	<div id="body_content">
		<div id="content" class="has_sidebar right">
			<h2>Lorem ipsum dolor sit amet.<em class="heading_description">Aenean tortor nibh, varius at ultricies eu, sagittis nec mauris.</em></h2>
			
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tortor nibh, varius at ultricies eu, sagittis nec mauris. Morbi vitae purus id sem congue tempor id non ante. Nulla nec purus nunc, in lacinia orci. Praesent facilisis dignissim metus, id suscipit elit elementum id. Sed in ultricies erat. Aliquam et ligula purus, nec bibendum orci. Duis nisi massa, ullamcorper id tempus vel, tristique vel sem. Aliquam non iaculis purus. Nam sagittis ligula sed dui molestie condimentum. Mauris iaculis augue at turpis bibendum tincidunt. Mauris nulla mi, tincidunt sed rutrum ut, aliquam in lectus. Donec aliquam cursus ligula, hendrerit consectetur nisl imperdiet id. Suspendisse nec justo enim, vel volutpat tellus.</p>
			
			<p>Pellentesque et enim nec libero vestibulum aliquam. In blandit augue id justo eleifend vel euismod odio interdum. Maecenas non adipiscing metus. Curabitur aliquet, ante vel pulvinar laoreet, augue augue scelerisque ligula, ac scelerisque est sapien in quam. Sed scelerisque venenatis lorem semper cursus. Phasellus eget lectus dapibus mauris convallis viverra a ut mauris. Proin tempus ultrices massa eget rutrum. Aliquam fringilla congue neque ut ultrices. Nunc tincidunt scelerisque ante, a cursus leo malesuada eget. Vestibulum sed tortor ultrices ante imperdiet hendrerit. Pellentesque lacinia convallis nisl quis mattis. Cras sodales mi eget turpis imperdiet cursus. In ornare urna id nisl euismod quis tincidunt tellus accumsan. Donec et nulla id turpis faucibus lacinia ac ut massa. Nam pellentesque augue ac turpis tempus in sollicitudin sem suscipit.</p>
			
			<p>Aliquam erat volutpat. Vestibulum non nisl nunc. Curabitur eu sapien ipsum, ultricies tincidunt leo. Donec adipiscing ornare dictum. Suspendisse vulputate mauris et turpis placerat ut interdum lorem sagittis. Mauris sed quam nisi. Aliquam erat volutpat. Cras sagittis, nisi et vehicula commodo, dui elit commodo turpis, tincidunt aliquam urna metus at ligula. Nunc tempor diam eget tortor dapibus cursus. Quisque id arcu nulla, at iaculis ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce augue nisi, bibendum et ultrices a, rhoncus ut neque.</p>
			
			<p>Maecenas suscipit venenatis interdum. Pellentesque egestas libero eu est aliquet malesuada sed a elit. Nullam nec dolor nulla, eu euismod nunc. Vestibulum viverra sagittis euismod. Vestibulum elit mi, imperdiet id fermentum interdum, rhoncus sed ipsum. Sed a nisi ante. Pellentesque nulla ante, pulvinar quis dapibus sit amet, lobortis ut libero. Nunc volutpat, nisi eget dictum mattis, lorem ligula fringilla tellus, vel aliquam orci tortor non libero. Nullam turpis enim, lacinia auctor tempus sit amet, varius eget dui. Nulla id velit elit, id accumsan elit. Nulla volutpat, urna eget molestie convallis, turpis tortor vulputate quam, et hendrerit velit odio at lacus. Morbi at sapien et urna lobortis tempus.</p>
			
			<p>Pellentesque eget sem elit. Vivamus tellus lacus, ornare id adipiscing at, iaculis in mauris. Sed consectetur, diam quis laoreet tempus, risus augue porttitor mi, nec gravida arcu erat quis lacus. Nullam turpis neque, gravida id mattis a, elementum eu lorem. Aliquam id lorem id mi rutrum pellentesque ac non felis. Cras lobortis porta lectus et ornare. Nulla blandit turpis vel enim cursus quis sagittis felis eleifend. Curabitur a tortor nec leo viverra lobortis eget id turpis. Fusce imperdiet risus ut felis pharetra aliquet. Cras sed felis dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		</div>
		<!-- end content -->
		
		<div id="sidebar" class="right">
		
			<form action="" id="search_widget">
				<label for="search_field" class="auto_clear">Search...</label>
				<!-- end auto clear label -->
				
				<input type="text" name="search_field" id="search_field">
				<!-- end search field -->
				
				<input type="submit" name="search_submit" id="search_submit" value="">
				<!-- end search submit -->
			</form>
			<!-- end search form -->
			
			<div class="inline_content_widget">
				<h3 class="widget_title">
					Text Widget
				</h3>
				<!-- end widget title -->
				
				<div class="widget_content">
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac scelerisque nisi. Maecenas auctor tellus semper leo viverra ultricies. Vestibulum vel turpis non enim vulputate gravida at id urna. Proin eu fringilla nulla. Morbi rhoncus pellentesque elit eget dictum. Proin vestibulum iaculis pulvinar. Nam rhoncus velit quis elit sollicitudin tempus iaculis justo vestibulum. Aenean gravida mollis nisl ac posuere. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc feugiat fringilla metus.
				</div>
				<!-- end widget content --> 
			</div>
			<!-- end widget -->
			
			<div class="tabbed_widget">
				<ul class="widget_tabs">
					<li><a href="#tab1"><span>Inline Content</span></a></li>
					<li><a href="#tab2"><span>Categories</span></a></li>
				</ul>
				<!-- end tabs heads -->
				
				<div class="widget_tabs_content">
					<div class="tab_content">
						<h3>Just a Title</h3>
						<img src="images/content_widget.jpg" width="126" class="alignright" alt=""> Quisque sapien odio, malesuada vel hendrerit in, pellentesque vitae erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi elementum vulputate porttitor. Fusce sed metus in nisi facilisis malesuada. Curabitur volutpat hendrerit enim, eget rutrum massa semper in. Sed tristique, augue sit amet aliquam pharetra.
					</div>
					<!-- end tab 1 content -->
					
					<div class="tab_content">
						<h3>Categories</h3>
						<ul>
							<li><a href="#">Web design</a></li>
							<li><a href="#">Branding</a></li>
							<li><a href="#">Some category</a></li>
							<li><a href="#">Another one</a></li>
							<li><a href="#">Final one</a></li>
						</ul>
					</div>
					<!-- end tab 2 content -->
				</div>
				<!-- end tabs content -->
			</div>
			<!-- end widget --> 
			
		</div>
		<!-- end sidebar -->
	</div>
	<!-- end body content -->
	
	<div id="footer_container">
		<div id="footer">
			<ul class="copyright_info reset_style">
				<li><img src="images/xero_logos/footer_logo.png" alt="" id="footer_logo" class="reset_style center"></li>
				<li>A Theme By <a href="http://wizylabs.com">Wizy Labs</a>. Copyright &copy; 2010</li>
			</ul>
			<!-- end copyright info, copyright info can be changed as desired -->
			
			<div class="footer_nav_container">
				<ul class="footer_nav reset_style">
					<li><a href="#">Home</a> /</li>
					<li><a href="#">About</a> /</li>
					<li><a href="#">Advertise</a> /</li>
					<li><a href="#">Contact</a> /</li>
					<li><a href="#">Icons by IconDock</a></li>
				</ul>
				<!-- end footer nav -->
				
				<ul class="social_profiles reset_style">
					<li><a href="#"><img title="By mail" src="images/icons/social_profiles/16/email.png"></a></li>
					<li><a href="#"><img title="My Facebook account" src="images/icons/social_profiles/16/facebook.png"></a></li>
					<li><a href="#"><img title="My Flickr account" src="images/icons/social_profiles/16/flickr.png"></a></li>
					<li><a href="#"><img title="My Twitter account" src="images/icons/social_profiles/16/twitter.png"></a></li>
					<li><a href="#"><img title="RSS feed" src="images/icons/social_profiles/16/rss.png"></a></li>
				</ul>
				<!-- end social profiles nav -->
			</div>
		</div>
		<!-- end actual footer -->
	</div>
	<!-- end footer container -->
</div>
<!-- end wrapper -->
</body>
</html>